@primary-color: #088395;
@primary-hover-color: rgb(22, 162, 184);
@primary-font-family: 'Helvetica';

.profile_password {
  font-family: @primary-font-family;
  width: 100%;

  .profile_password_origin {
    display: flex;
    flex-direction: column;

    .profile_password_origin_text {
      color: rgb(20, 28, 29);
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 10px;
    }

    .profile_password_origin_input {
      width: 71%;
      height: 48px;
      position: relative;

      input {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        border: 1px solid rgba(163, 170, 171, 0.2);
        border-radius: 10px;
        outline: none;
        padding: 16px 20px;

        color: rgb(20, 28, 29);
        font-size: 16px;
        font-weight: 400;
      }

      svg {
        position: absolute;
        z-index: 99;
        width: 22px;
        height: 22px;
        right: 15px;
        transform: translate(0, -50%);
      }
    }

    &:not(:last-child) {
      margin-bottom: 22px;
    }
  }

  .profile_password_btn {
    margin-top: 37px;

    div:not(:last-child) {
      margin-right: 20px;
    }
  }
}
